<template>
	<div class="iInfo" element-loading-text="加载中" v-loading="loading">
		<div class="flex">
			<div class="lumpBox">
				<div class="Lbox-title">
					<h2>项目详情</h2>
					<div style="padding:10px 0;"><el-button @click="goBack" type="primary">返回</el-button></div>
				</div>
				<div class="Lbox-content manageList">
					<el-table :default-expand-all="true" :data="list" border class="el_table" style="width:99%;margin:0 auto;">
						<el-table-column align="center" label="申请编号" prop="num"></el-table-column>
						<el-table-column align="center" label="项目分类"></el-table-column>
						<el-table-column align="center" label="项目类型" prop="created_at"></el-table-column>
						<el-table-column align="center" label="项目名称" prop="created_at"></el-table-column>
						<el-table-column align="center" label="状态" prop="created_at"></el-table-column>
						<el-table-column align="center" label="负责人" prop="created_at"></el-table-column>
						<el-table-column align="center" label="客户名称" prop="created_at"></el-table-column>
						<el-table-column align="center" label="样机交期" prop="created_at"></el-table-column>
						<el-table-column align="center" label="项目申请人" prop="created_at"></el-table-column>
						<el-table-column align="center" label="申请时间" prop="created_at"></el-table-column>
						<el-table-column align="center" label="备注" prop="created_at"></el-table-column>
					</el-table>
				</div>
				<div class="Lbox-content">
					<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
						<el-tab-pane label="详情" name="first"><addProject ref="addProject"></addProject></el-tab-pane>
						<el-tab-pane label="附件" name="second">
							<div>
								<el-table :data="tableData" border class="table" style="width: 100%" key="tableData">
									<el-table-column prop="file_name" label="附件名称">
									</el-table-column>
									<el-table-column prop="file_code" label="附件编号">
									</el-table-column>
									<el-table-column prop="attach_type" label="附件类型">
									</el-table-column>
									<el-table-column prop="create_time" :formatter="timeFormatter" label="上传时间">
									</el-table-column>
									<el-table-column prop="file_path" label="操作">
										<template slot-scope="scope">
												<el-button type="primary" icon="el-icon-download" size="mini"	@click="delStaff(scope.row.file_path)">下载</el-button>
										</template>
									</el-table-column>
								</el-table>
							</div>
						</el-tab-pane>
						<el-tab-pane label="研发变更记录" name="third">
							<div v-for="(item,index) in changes" :key="`key_1_${index}`">
								<div>
									<el-card class="box-card">
										<div slot="header" class="clearfix">
											<span style="color: red;">{{ item.staff_name }}于{{ item.create_time|formatDate }}{{ item.change_type_str }}</span>
										</div>
										<div>
											<span style="color: black;">
												<p>变更原因：{{ item.change_reason }}</p>
											</span>
											<table cellspacing="0" cellpadding="0" border="0" class="table table-striped table-bordered table-hover table-full-width dataTables-productionList">
												<thead>
													<tr>
														<th v-if="item.change_after.app_direction">应用方向</th>
														<th v-if="item.change_after.apply_code">申请编号</th>
														<th v-if="item.change_after.apply_status">申请状态</th>
														<th v-if="item.change_after.cus_name">客户名称</th>
														<th v-if="item.change_after.expect_create_time">期望立项日期</th>
														<th v-if="item.change_after.expect_dev_end_time">期望样机交期</th>
														<th v-if="item.change_after.expect_time">预计结项日期</th>
														<th v-if="item.change_after.potential">未来三个月的业绩(万元)</th>
														<th v-if="item.change_after.project_cate">项目分类</th>
														<th v-if="item.change_after.project_desc">项目描述</th>
														<th v-if="item.change_after.project_name">项目名称</th>
														<th v-if="item.change_after.project_type">项目类型</th>
														<th v-if="item.change_after.remark">备注</th>
														<th v-if="item.change_after.staff_name">申请人姓名</th>
														<th v-if="item.change_after.attaches">附件修改</th>
														<th v-if="item.change_after.staff_ids">人员变更</th>
													</tr>
												</thead>
												<tbody>
													<tr v-for="(v,idx) in item" :key="`key_${idx}`">
														<td v-if="v.app_direction">{{ v.app_direction }}</td>
														<td v-if="v.apply_code">{{ v.apply_code }}</td>
														<td v-if="v.apply_status">{{ v.apply_status }}</td>
														<td v-if="v.cus_name">{{ v.cus_name }}</td>
														<td v-if="v.expect_create_time">{{ v.expect_create_time }}</td>
														<td v-if="v.expect_dev_end_time">{{ v.expect_dev_end_time }}</td>
														<td v-if="v.expect_time">{{ v.expect_time }}</td>
														<td v-if="v.potential">{{ v.potential }}</td>
														<td v-if="v.project_cate">{{ v.project_cate }}</td>
														<td v-if="v.project_desc">{{ v.project_desc }}</td>
														<td v-if="v.project_name">{{ v.project_name }}</td>
														<td v-if="v.project_type">{{ v.project_type }}</td>
														<td v-if="v.remark">{{ v.remark }}</td>
														<td v-if="v.staff_name">{{ v.staff_name }}</td>
														<td v-html="v.attaches" v-if="v.attaches">{{ v.attaches }}</td>
														<td v-if="v.staff_ids">{{ v.staff_ids }}</td>
													</tr>
												</tbody>
											</table>
											<div v-if="item.audit_reason!=''">
												<span style="color: black;">
													<p>变更驳回原因：{{ item.audit_reason }}</p>
												</span>
											</div>
											<el-button type="success" size="mini" v-if="item.audit_status==1" @click="examine2(item.id)">
												通过
											</el-button>
											<el-button type="danger" size="mini" v-if="item.audit_status==1" @click="reject(item.id)">
												驳回
											</el-button>
										</div>
									</el-card>
								</div>
						</div>
						</el-tab-pane>
						<el-tab-pane label="样机交付记录" name="fourth">
							<div>
								<div v-for="(item,idx) in devfinish" :key="`delivery_${idx}`">
									<div>
										<el-card class="box-card">
											<div slot="header" class="clearfix">
												<span style="color: red;">{{ item.log_content }}</span>
											</div>
											<div v-if="item.reason!=''">
												<span style="color: black;">
													<p>样机驳回原因：{{ item.reason }}</p>
												</span>
											</div>
										</el-card>
									</div>
								</div>
							</div>
						</el-tab-pane>
						<el-tab-pane label="项目周报记录" name="fifth">
							<div>
								<el-table :data="reportList" class="table" border style="width: 100%" :key="6">
									<el-table-column prop="project_code" label="编号">
									</el-table-column>
									<el-table-column prop="staff_name" label="提交人">
									</el-table-column>
									<el-table-column prop="create_time" label="提交时间" :formatter="timeFormatter">
									</el-table-column>
									<el-table-column prop="content" width="750px" label="内容">
									</el-table-column>
								</el-table>
							</div>
						</el-tab-pane>
						<el-tab-pane label="延期记录" name="sixth">
							<div class="delay">
								<div style="margin-top:5px;" v-for="(item,idx_) in delay" :key="`delay_${idx_}`">
									<div>
										<el-card class="box-card">
											<div slot="header" class="clearfix">
												<span style="color: red;">{{ item.staff_name }}于{{ item.create_time|formatDate }}{{ item.change_type_str }}</span>
											</div>
											<div>
												<span style="color: black;">
													<p>变更原因：{{ item.change_reason }}</p>
												</span>
												<table cellspacing="0" cellpadding="0" border="0" class="table table-striped table-bordered table-hover table-full-width dataTables-productionList">
													<thead>
														<tr>
															<th v-if="item.change_after.expect_dev_end_time">期望样机交期</th>
														</tr>
													</thead>
													<tbody>
														<tr v-for="(v,idx) in item" :key="`delay_1_${idx}`">
															<td v-if="v.expect_dev_end_time">{{ v.expect_dev_end_time }}</td>
														</tr>
													</tbody>
												</table>
												<span v-if="item.audit_reason!=''" style="color: black;">
													<p>已驳回，驳回原因：{{ item.audit_reason }}</p>
												</span>
												<el-button type="success" size="mini" v-if="item.audit_status==1" @click="examine2(item.id)">
													通过
												</el-button>
												<el-button type="danger" size="mini" v-if="item.audit_status==1" @click="reject(item.id)">
													驳回
												</el-button>
											</div>
										</el-card>
									</div>
								</div>
							</div>
						</el-tab-pane>
						<el-tab-pane label="项目验收记录" name="seventh">
							<div class="check">
								<div v-for="(item,idx) in check" :key="`idx_${idx}`">
									<div>
											<el-card class="box-card">
												<div slot="header" class="clearfix">
													<span style="color: red;">{{ item.log_content }}</span>
												</div>
												<div v-if="item.reason!=''">
													<span style="color: black;">
														<p>变更原因：{{ item.reason }}</p>
													</span>
												</div>
										</el-card>
									</div>
								</div>
							</div>
						</el-tab-pane>
						<el-tab-pane label="日志" name="ninth">
							<div class="log table">
								<div v-for="(item,idx) in log" :key="`log_${idx}`">
									<div>
										<el-card class="box-card">
											<div slot="header" class="clearfix">
												<span style="color: red;">{{ item.log_content }}</span>
											</div>
											<div v-if="item.log_type==131">
												<el-table :data="item.info" border style="width: 100%">
													<el-table-column prop="app_direction" label="应用方向"></el-table-column>
													<el-table-column prop="apply_code" label="申请编号"></el-table-column>
													<el-table-column prop="apply_status" label="申请状态"></el-table-column>
													<el-table-column prop="cus_name" label="客户名称"></el-table-column>
													<el-table-column prop="expect_create_time" label="期望立项日期"></el-table-column>
													<el-table-column prop="expect_dev_end_time" label="期望样机交期"></el-table-column>
													<el-table-column prop="expect_time" label="预计结项日期"></el-table-column>
													<el-table-column prop="potential" label="未来三个月的业绩(万元)"></el-table-column>
													<el-table-column prop="project_cate" label="项目分类"></el-table-column>
													<el-table-column prop="project_desc" label="项目描述"></el-table-column>
													<el-table-column prop="project_name" label="项目名称"></el-table-column>
													<el-table-column prop="project_type" label="项目类型"></el-table-column>
													<el-table-column prop="remark" label="备注"></el-table-column>
													<el-table-column prop="staff_name" label="申请人姓名"></el-table-column>
												</el-table>
											</div>
											<div v-if="item.log_type==132">
												<span style="color: black;">
													<p>编辑原因：{{ item.reason }}</p>
												</span>
												<el-table :data="item.info" border style="width: 100%">
													<el-table-column v-if="item.info[0].app_direction" prop="app_direction" label="应用方向"></el-table-column>
													<el-table-column v-if="item.info[0].apply_code" prop="apply_code" label="申请编号"></el-table-column>
													<el-table-column v-if="item.info[0].apply_status" prop="apply_status" label="申请状态"></el-table-column>
													<el-table-column v-if="item.info[0].cus_name" prop="cus_name" label="客户名称"></el-table-column>
													<el-table-column v-if="item.info[0].expect_create_time" prop="expect_create_time" label="期望立项日期"></el-table-column>
													<el-table-column v-if="item.info[0].expect_dev_end_time" prop="expect_dev_end_time" label="期望样机交期"></el-table-column>
													<el-table-column v-if="item.info[0].expect_time" prop="expect_time" label="预计结项日期"></el-table-column>
													<el-table-column v-if="item.info[0].potential" prop="potential" label="未来三个月的业绩(万元)"></el-table-column>
													<el-table-column v-if="item.info[0].project_cate" prop="project_cate" label="项目分类"></el-table-column>
													<el-table-column v-if="item.info[0].project_desc" prop="project_desc" label="项目描述"></el-table-column>
													<el-table-column v-if="item.info[0].project_name" prop="project_name" label="项目名称"></el-table-column>
													<el-table-column v-if="item.info[0].project_type" prop="project_type" label="项目类型"></el-table-column>
													<el-table-column v-if="item.info[0].remark" prop="remark" label="备注"></el-table-column>
													<el-table-column v-if="item.info[0].staff_name" prop="staff_name" label="申请人姓名"></el-table-column>
												</el-table>
											</div>
											<div v-if="item.log_type==143">
												<span style="color: black;">
													<p>延期驳回原因：{{ item.reason }}</p>
												</span>
											</div>
											<div v-if="item.log_type==146">
												<span style="color: black;">
													<p>变更驳回原因：{{ item.reason }}</p>
												</span>
											</div>
											<div v-if="item.log_type==134">
												<span style="color: black;">
													<p>样机驳回原因：{{ item.reason }}</p>
												</span>
											</div>
											<div v-if="item.log_type==148">
												<span style="color: black;">
													<p>项目暂停原因：{{ item.reason }}</p>
												</span>
											</div>
											<div v-if="item.log_type==156">
												<span style="color: black;">
													<p>人员变更原因：{{ item.reason }}</p>
												</span>
											</div>
											<div v-if="item.log_type==11">
												<el-table :data="item.info" border style="width: 100%">
													<el-table-column prop="dev_manage" label="负责人"></el-table-column>
													<el-table-column prop="staffs" label="参与人"></el-table-column>
												</el-table>
											</div>
											<div v-if="item.log_type==159">
												<span style="color: black;">
													<p>项目负责人变更原因：{{ item.reason }}</p>
												</span>
												<el-table :data="item.info" border style="width: 100%">
													<el-table-column prop="staff_name" label="负责人"></el-table-column>
												</el-table>
											</div>
											<div v-if="item.log_type==160">
												<span style="color: black;">
													<p>项目申请人变更原因：{{ item.reason }}</p>
												</span>
												<el-table :data="item.info" border style="width: 100%">
													<el-table-column prop="staff_name" label="申请人"></el-table-column>
												</el-table>
											</div>
										</el-card>
									</div>
								</div>
							</div>
						</el-tab-pane>
						<el-tab-pane label="任务分配" name="tenth">
							<div class="task">
								<div class="task_resolve">
									<p class="title">工作分解结构（WBS）</p>
									<el-tree
										:data="task_resolve_data"
										node-key="id"
										:default-expanded-keys="[0]"
										:props="defaultProps"
									>
										<span class="custom-tree-node" slot-scope="{ node, data }">
											<span v-if="data.children&&data.children.length>0">
												<i class="el-icon-folder"></i>
											</span>
											<span v-else>
												<i class="el-icon-tickets"></i>
											</span>
											<span>
												{{ node.label }}
											</span>
										</span>
									</el-tree>
								</div>
								<div class="task_detail">
									<div class="title">{{ project_name }}</div>
									<div class="detail">
										<div>开始时间<span>{{ project_start }}</span></div>
										<div>结束时间<span>{{ project_end }}</span></div>
										<div>负责人<span>{{ project_principal }}</span></div>
									</div>
									<div class="content">
										<div class="title">需求描述</div>
										<div v-html="project_content"></div>
									</div>
									<div class="subTask">
										<el-table style="margin: 30px 0" :data="subTask_resolve">
											<el-table-column align="center" min-width="120" label="任务名称" prop="title"></el-table-column>
											<el-table-column align="center" label="指派给" prop="principal"></el-table-column>
											<el-table-column align="center" label="状态">
												<template slot-scope="scope">
													<span :class="`status_${scope.row.status}`">{{ scope.row.status==1?'未开始':scope.row.status==2?'进行中':'已完成' }}</span>
												</template>
											</el-table-column>
											<el-table-column align="center" label="计划开始" prop="start_t"></el-table-column>
											<el-table-column align="center" label="计划完成" prop="end_t"></el-table-column>
										</el-table>
									</div>
								</div>
							</div>
						</el-tab-pane>
					</el-tabs>
					<div class="operation">
						<el-button @click="toTask" size="small" class="el-btn" type="primary">下发任务</el-button>
						<el-button @click="projectChange" size="small" class="el-btn" type="primary">研发变更</el-button>
						<el-button @click="weeklyNewspape" size="small" class="el-btn" type="primary">项目业务周报</el-button>
						<el-button @click="showPostpone" size="small" class="el-btn" type="primary">申请延期</el-button>
						<el-button @click="acceptance" size="small" class="el-btn" type="primary">申请验收</el-button>
						<el-button @click="projectPause" size="small" class="el-btn" type="primary">申请项目暂停</el-button>
						<el-button @click="dismiss" size="small" class="el-btn" type="primary">样机驳回</el-button>
						<el-button @click="edit" size="small" class="el-btn" type="primary">编辑</el-button>
					</div>
				</div>
			</div>
			<el-dialog title="项目变更申请:" :visible.sync="resumeInfo.visible" width="70%">
				<el-form class="margin" ref="form" label-width="100px" size="mini" @submit.native.prevent>
					<el-row>
						<el-col :span="8" :offset="2">
							<el-form-item label="项目类型">
								<el-select size="mini" v-model="resumeInfo.project_type" filterable placeholder="请选择分类">
									<el-option v-for="item in typesList" :key="item.id" :label="item.name" :value="item.id">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col :span="8" :offset="2">
							<el-form-item label="项目名称">
								<el-input v-model="resumeInfo.project_name" clearable size="small"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="8" :offset="2">
							<el-form-item label="应用方向">
								<el-input v-model="resumeInfo.app_direction" clearable size="small"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="8" :offset="2">
							<el-form-item label="预计结项">
								<el-date-picker size="mini" v-model="resumeInfo.expect_time" value-format="timestamp" type="date" placeholder="选择日期时间">
								</el-date-picker>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="10" :offset="2">
							<el-form-item label="业绩潜力" size="small">
								<el-input v-model="resumeInfo.potential">
									<span style="color:black;" slot="suffix">万元</span>
								</el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="16" :offset="2">
							<el-form-item label="需求描述">
								<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" v-model="resumeInfo.project_desc">
								</el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="16" :offset="2">
							<el-form-item label="备注">
								<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" v-model="resumeInfo.remark">
								</el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="16" :offset="2">
							<el-form-item label="变更原因">
								<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" v-model="resumeInfo.reason">
								</el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="16" :offset="2">
							<el-form-item label="上传">
								<el-upload ref="upload" class="uploadResume" action="http://api.template.dwinhmi.com.cn/admin/file/upload"
									:headers="{Token: $store.store.user.token}"
									:on-success="papersUploadSuccess2" :on-error="uploadError"
									:before-upload="validateDocument" :data="upould3" :auto-upload="true">
									<el-button size="small" type="primary">上传项目附件</el-button>
								</el-upload>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="16" :offset="2">
							<el-form-item>
								<el-button type="primary" @click="applyProjectChange">提交</el-button>
								<el-button type="info" @click="resumeInfo.visible=false">取消</el-button>
							</el-form-item>
						</el-col>
					</el-row>
				</el-form>
			</el-dialog>
			<el-dialog title="周报" :visible.sync="reportObj.visible" width="50%">
				<el-form ref="form" size="mini">
					<el-row>
						<el-col :span="20" :offset="2">
							<el-form-item>
								<el-input type="textarea" :autosize="{ minRows: 15, maxRows: 200}" v-model="reportObj.content">
								</el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row style="margin-top:10px;">
						<el-col :offset="10">
							<el-button type="primary" @click="report">提交</el-button>
							<el-button type="info" @click="reportObj.visible=false">取消</el-button>
						</el-col>
					</el-row>
				</el-form>
			</el-dialog>
			<el-dialog title="延期日期" :visible.sync="postponeObj.visible" width="50%">
				<el-form ref="form" size="mini">
					<el-row>
						<el-col :span="16" :offset="2">
							<el-form-item label="延期日期">
								<el-date-picker size="mini" v-model="postponeObj.expect_time" value-format="timestamp"
									type="date" placeholder="选择日期时间">
								</el-date-picker>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row style="margin-top: 20px;">
						<el-col :span="16" :offset="2">
							<el-form-item label="延期理由">
								<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}"
									v-model="postponeObj.content">
								</el-input>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row style="margin-top: 20px;">
						<el-col :offset="8">
							<el-button type="primary" @click="postpone">延期</el-button>
							<el-button type="info" @click="postponeObj.visible=false">取消</el-button>
						</el-col>
					</el-row>
				</el-form>
			</el-dialog>
		</div>
	</div>
</template>

<script>
import addProject from './project';
export default {
	name: 'projectDetail',
	data() {
		return {
			loading: false,
			activeName: 'tenth',
			type: '',
			typesList: [{id: 1, name: '硬件'}, {id: 2, name: '软件'}, {id: 3, name: '云平台'}, {id: 4, name: 'PC软件'}],
			upould3: {
				key_id: "",
				token: "",
				tab_flag: 2,
				attach_type: 3,
			},
			resumeInfo: {
				visible: false,
				product_no: '',
				product_name: '',
				product_size: '',
				unit: '',
				price: '',
				web_url: '',
				attaches: []
			},
			reportObj: {
				visible: false,
				content: '',
			},
			postponeObj: {
				visible: false,
				expect_time: '',
				content: '',
			},
			IsShowDetails: false,
			IsShowAdd: false,
			project_name: 'ERP项目管理系统',
			project_start: '2021-06-01',
			project_end: '2021-06-30',
			project_principal: '张工',
			project_content: '现有迪文智能（温控器+空净屏设备），使用的是html+css+jquery框架。安卓这边兼容性有问题，部分手机不能响应h5 的js事件。<br/>建议参考现有的美容管理端app、3D打印app，使用vue重构一下。 ',
			jindu: {
				start_t: '2021-05-08',
				long: 57,
				weeks: [],
				week_days: [],
				days: []
			},
			devfinish: [
				{
					"title": "广告屏平台建立",
					"log_type": "133",
					"log_content": "刘sir 于 2021-01-12 19:04 完成了项目研发，交付了样机",
					"info": [
						{
							"project_status": "10"
						},
						{
							"project_status": "20"
						}
					],
					"create_time": "2021-01-12 19:04:31",
					"reason": "",
					"fields": {
						"id": "",
						"apply_id": "立项申请ID",
						"project_code": "申请编号",
						"project_cate": "项目分类。1:内部;2:外部",
						"project_type": "项目类型。1:云平台;2:软件;3:硬件;4:PC软件",
						"project_name": "项目名称",
						"project_desc": "项目描述",
						"app_direction": "应用方向",
						"project_status": "项目状态。1:待分配；2：进行中；3：研发完成，待结项；4：已完成",
						"cus_id": "客户id",
						"cus_name": "客户名称",
						"expect_time": "预计结项日期",
						"staff_id": "申请人ID",
						"staff_name": "申请人姓名",
						"deptid": "申请人部门",
						"remark": "备注",
						"potential": "业绩潜力",
						"dev_manage_id": "研发负责人",
						"dev_deptid": "负责部门",
						"overdue_status": "超期状态。1：正常；2：超期（小于7天）；3：严重超期（大于等于7天）",
						"dev_end_time": "研发完成时间",
						"expect_dev_end_time": "期望研发完成日期",
						"check_id": "验收人id",
						"check_name": "验收人",
						"check_time": "验收时间",
						"is_cancel": "是否取消",
						"is_del": "是否删除",
						"create_time": "立项时间",
						"sales_team_leader_id": "销售组长id",
						"sales_team_leader": "销售组长",
						"sales_manger_id": "销售经理id",
						"sales_manger": "销售经理"
					}
				}
			],
			reportList: [
				{
					"id": "16",
					"project_id": "24",
					"staff_name": "刘sir",
					"content": "项目基本研发有完成，在内部测试中。",
					"report_type": "周报",
					"create_time": 1610449386000,
					"project_code": "PJ210103",
					"project_name": "广告屏平台建立"
				},
				{
					"id": "17",
					"project_id": "24",
					"staff_name": "刘sir",
					"content": "项目内部测试OK.在制作样机。样机计划两天后完成。",
					"report_type": "周报",
					"create_time": 1610449456000,
					"project_code": "PJ210103",
					"project_name": "广告屏平台建立"
				},
				{
					"id": "18",
					"project_id": "24",
					"staff_name": "刘sir",
					"content": "样机客户没有收到，还在快递途中。",
					"report_type": "周报",
					"create_time": 1610449502000,
					"project_code": "PJ210103",
					"project_name": "广告屏平台建立"
				}
			],
			changes: [
				{
					"id": "50",
					"project_id": "27",
					"change_type": "5",
					"change_before": {
						"staff_ids": "马旭,刘华平"
					},
					"change_after": {
						"staff_ids": "马旭,程千强（马旭下属）,杜伟涛,刘华平"
					},
					"change_reason": "2342323111111111111111111111111",
					"audit_status": "3",
					"audit_id": "1",
					"audit_time": 1615880876000,
					"audit_reason": "123",
					"staff_id": "1",
					"staff_name": "马旭",
					"create_time": 1615880843000,
					"project_code": "PJ210302",
					"project_name": "苏威苏威苏威33",
					"change_type_str": "研发人员调整"
				},
				{
					"id": "51",
					"project_id": "27",
					"change_type": "5",
					"change_before": {
						"staff_ids": "马旭,刘华平"
					},
					"change_after": {
						"staff_ids": ""
					},
					"change_reason": "2342323111111111111111111111111",
					"audit_status": "3",
					"audit_id": "1",
					"audit_time": 1615880987000,
					"audit_reason": "123",
					"staff_id": "1",
					"staff_name": "马旭",
					"create_time": 1615880889000,
					"project_code": "PJ210302",
					"project_name": "苏威苏威苏威33",
					"change_type_str": "研发人员调整"
				},
				{
					"id": "52",
					"project_id": "27",
					"change_type": "5",
					"change_before": {
						"staff_ids": "马旭,刘华平"
					},
					"change_after": {
						"staff_ids": "马旭"
					},
					"change_reason": "asdfa",
					"audit_status": "2",
					"audit_id": "1",
					"audit_time": 1615881093000,
					"audit_reason": "",
					"staff_id": "1",
					"staff_name": "马旭",
					"create_time": 1615881081000,
					"project_code": "PJ210302",
					"project_name": "苏威苏威苏威33",
					"change_type_str": "研发人员调整"
				},
				{
					"id": "53",
					"project_id": "27",
					"change_type": "5",
					"change_before": {
						"staff_ids": "马旭"
					},
					"change_after": {
						"staff_ids": "马旭,杜伟涛,刘华平,刘延赞"
					},
					"change_reason": "asdfa",
					"audit_status": "2",
					"audit_id": "1",
					"audit_time": 1615881159000,
					"audit_reason": "",
					"staff_id": "1",
					"staff_name": "马旭",
					"create_time": 1615881116000,
					"project_code": "PJ210302",
					"project_name": "苏威苏威苏威33",
					"change_type_str": "研发人员调整"
				},
				{
					"id": "54",
					"project_id": "27",
					"change_type": "5",
					"change_before": {
						"staff_ids": "马旭,杜伟涛,刘华平,刘延赞"
					},
					"change_after": {
						"staff_ids": "马旭,刘华平,刘燕洲,牟力"
					},
					"change_reason": "asdfa",
					"audit_status": "2",
					"audit_id": "1",
					"audit_time": 1615881200000,
					"audit_reason": "",
					"staff_id": "1",
					"staff_name": "马旭",
					"create_time": 1615881182000,
					"project_code": "PJ210302",
					"project_name": "苏威苏威苏威33",
					"change_type_str": "研发人员调整"
				},
				{
					"id": "55",
					"project_id": "27",
					"change_type": "2",
					"change_before": {
						"is_cancel": "正常"
					},
					"change_after": {
						"is_cancel": "取消"
					},
					"change_reason": "23234",
					"audit_status": "1",
					"audit_id": "0",
					"audit_time": 0,
					"audit_reason": "",
					"staff_id": "1",
					"staff_name": "马旭",
					"create_time": 1619675939000,
					"project_code": "PJ210302",
					"project_name": "苏威苏威苏威33",
					"change_type_str": "取消项目"
				}
			],
			delay: [
				{
					"id": "40",
					"project_id": "20",
					"change_type": "4",
					"change_before": {
						"expect_dev_end_time": "2020-12-30"
					},
					"change_after": {
						"expect_dev_end_time": "2020-12-29"
					},
					"change_reason": "我觉得不行",
					"audit_status": "3",
					"audit_id": "20614",
					"audit_time": 1609132449000,
					"audit_reason": "无法延期",
					"staff_id": "18",
					"staff_name": "程千强（马旭下属）",
					"create_time": 1609132401000,
					"project_code": "PJ201202",
					"project_name": "亲密爱人梅艳芳2077",
					"change_type_str": "延期"
				},
				{
					"id": "41",
					"project_id": "20",
					"change_type": "4",
					"change_before": {
						"expect_dev_end_time": "2020-12-30"
					},
					"change_after": {
						"expect_dev_end_time": "2020-12-31"
					},
					"change_reason": "必须延期",
					"audit_status": "1",
					"audit_id": "20614",
					"audit_time": 1609132775000,
					"audit_reason": "",
					"staff_id": "1",
					"staff_name": "马旭",
					"create_time": 1609132764000,
					"project_code": "PJ201202",
					"project_name": "亲密爱人梅艳芳2077",
					"change_type_str": "延期"
				}
			],
			check: [
				{
					"title": "亲密爱人梅艳芳2077",
					"log_type": "135",
					"log_content": "马旭 于 2020-12-28 13:54 提交了项目验收申请",
					"info": [],
					"create_time": "2020-12-28 13:54:05",
					"reason": "",
					"fields": {
						"id": "",
						"apply_id": "立项申请ID",
						"project_code": "申请编号",
						"project_cate": "项目分类。1:内部;2:外部",
						"project_type": "项目类型。1:云平台;2:软件;3:硬件;4:PC软件",
						"project_name": "项目名称",
						"project_desc": "项目描述",
						"app_direction": "应用方向",
						"project_status": "项目状态。1:待分配；2：进行中；3：研发完成，待结项；4：已完成",
						"cus_id": "客户id",
						"cus_name": "客户名称",
						"expect_time": "预计结项日期",
						"staff_id": "申请人ID",
						"staff_name": "申请人姓名",
						"deptid": "申请人部门",
						"remark": "备注",
						"potential": "业绩潜力",
						"dev_manage_id": "研发负责人",
						"dev_deptid": "负责部门",
						"overdue_status": "超期状态。1：正常；2：超期（小于7天）；3：严重超期（大于等于7天）",
						"dev_end_time": "研发完成时间",
						"expect_dev_end_time": "期望研发完成日期",
						"check_id": "验收人id",
						"check_name": "验收人",
						"check_time": "验收时间",
						"is_cancel": "是否取消",
						"is_del": "是否删除",
						"create_time": "立项时间",
						"sales_team_leader_id": "销售组长id",
						"sales_team_leader": "销售组长",
						"sales_manger_id": "销售经理id",
						"sales_manger": "销售经理"
					}
				},
				{
					"title": "亲密爱人梅艳芳2077",
					"log_type": "136",
					"log_content": "项目管理 于 2020-12-28 13:56 通过了项目验收",
					"info": [],
					"create_time": "2020-12-28 13:56:12",
					"reason": "",
					"fields": {
						"id": "",
						"apply_id": "立项申请ID",
						"project_code": "申请编号",
						"project_cate": "项目分类。1:内部;2:外部",
						"project_type": "项目类型。1:云平台;2:软件;3:硬件;4:PC软件",
						"project_name": "项目名称",
						"project_desc": "项目描述",
						"app_direction": "应用方向",
						"project_status": "项目状态。1:待分配；2：进行中；3：研发完成，待结项；4：已完成",
						"cus_id": "客户id",
						"cus_name": "客户名称",
						"expect_time": "预计结项日期",
						"staff_id": "申请人ID",
						"staff_name": "申请人姓名",
						"deptid": "申请人部门",
						"remark": "备注",
						"potential": "业绩潜力",
						"dev_manage_id": "研发负责人",
						"dev_deptid": "负责部门",
						"overdue_status": "超期状态。1：正常；2：超期（小于7天）；3：严重超期（大于等于7天）",
						"dev_end_time": "研发完成时间",
						"expect_dev_end_time": "期望研发完成日期",
						"check_id": "验收人id",
						"check_name": "验收人",
						"check_time": "验收时间",
						"is_cancel": "是否取消",
						"is_del": "是否删除",
						"create_time": "立项时间",
						"sales_team_leader_id": "销售组长id",
						"sales_team_leader": "销售组长",
						"sales_manger_id": "销售经理id",
						"sales_manger": "销售经理"
					}
				}
			],
			log: [
				{
					"title": "广告屏平台建立",
					"log_type": "131",
					"log_content": "项目管理 于 2021-01-12 18:46 审核通过了立项申请",
					"info": [
						{
							"project_cate": "内部",
							"project_type": "云平台",
							"project_name": "广告屏平台建立",
							"project_desc": "1。服务器接口；\n2.服务器后台。\n3.服务器管理",
							"app_direction": "广告屏",
							"cus_name": "",
							"expect_time": "2021-01-31 23:59",
							"expect_dev_end_time": "2021-01-22 23:59",
							"staff_name": "苏云龙",
							"remark": "增加说明",
							"potential": "100W",
							"dev_deptid": "9",
							"project_code": "PJ210103",
							"project_status": 10
						}
					],
					"create_time": "2021-01-12 18:46:52",
					"reason": "",
					"fields": {
						"id": "",
						"apply_id": "立项申请ID",
						"project_code": "申请编号",
						"project_cate": "项目分类。1:内部;2:外部",
						"project_type": "项目类型。1:云平台;2:软件;3:硬件;4:PC软件",
						"project_name": "项目名称",
						"project_desc": "项目描述",
						"app_direction": "应用方向",
						"project_status": "项目状态。1:待分配；2：进行中；3：研发完成，待结项；4：已完成",
						"cus_id": "客户id",
						"cus_name": "客户名称",
						"expect_time": "预计结项日期",
						"staff_id": "申请人ID",
						"staff_name": "申请人姓名",
						"deptid": "申请人部门",
						"remark": "备注",
						"potential": "业绩潜力",
						"dev_manage_id": "研发负责人",
						"dev_deptid": "负责部门",
						"overdue_status": "超期状态。1：正常；2：超期（小于7天）；3：严重超期（大于等于7天）",
						"dev_end_time": "研发完成时间",
						"expect_dev_end_time": "期望研发完成日期",
						"check_id": "验收人id",
						"check_name": "验收人",
						"check_time": "验收时间",
						"is_cancel": "是否取消",
						"is_del": "是否删除",
						"create_time": "立项时间",
						"sales_team_leader_id": "销售组长id",
						"sales_team_leader": "销售组长",
						"sales_manger_id": "销售经理id",
						"sales_manger": "销售经理"
					}
				},
				{
					"title": "广告屏平台建立",
					"log_type": "133",
					"log_content": "李强 于 2021-01-12 19:04 完成了项目研发，交付了样机",
					"info": [
							{
								"project_status": "10"
							},
							{
								"project_status": "20"
							}
					],
					"create_time": "2021-01-12 19:04:31",
					"reason": "",
					"fields": {
						"id": "",
						"apply_id": "立项申请ID",
						"project_code": "申请编号",
						"project_cate": "项目分类。1:内部;2:外部",
						"project_type": "项目类型。1:云平台;2:软件;3:硬件;4:PC软件",
						"project_name": "项目名称",
						"project_desc": "项目描述",
						"app_direction": "应用方向",
						"project_status": "项目状态。1:待分配；2：进行中；3：研发完成，待结项；4：已完成",
						"cus_id": "客户id",
						"cus_name": "客户名称",
						"expect_time": "预计结项日期",
						"staff_id": "申请人ID",
						"staff_name": "申请人姓名",
						"deptid": "申请人部门",
						"remark": "备注",
						"potential": "业绩潜力",
						"dev_manage_id": "研发负责人",
						"dev_deptid": "负责部门",
						"overdue_status": "超期状态。1：正常；2：超期（小于7天）；3：严重超期（大于等于7天）",
						"dev_end_time": "研发完成时间",
						"expect_dev_end_time": "期望研发完成日期",
						"check_id": "验收人id",
						"check_name": "验收人",
						"check_time": "验收时间",
						"is_cancel": "是否取消",
						"is_del": "是否删除",
						"create_time": "立项时间",
						"sales_team_leader_id": "销售组长id",
						"sales_team_leader": "销售组长",
						"sales_manger_id": "销售经理id",
						"sales_manger": "销售经理"
					}
				},
				{
					"title": "广告屏平台建立",
					"log_type": "145",
					"log_content": "马旭 于 2021-03-11 09:37 通过了项目变更申请",
					"info": [],
					"create_time": "2021-03-11 09:37:12",
					"reason": "",
					"fields": {
						"id": "",
						"apply_id": "立项申请ID",
						"project_code": "申请编号",
						"project_cate": "项目分类。1:内部;2:外部",
						"project_type": "项目类型。1:云平台;2:软件;3:硬件;4:PC软件",
						"project_name": "项目名称",
						"project_desc": "项目描述",
						"app_direction": "应用方向",
						"project_status": "项目状态。1:待分配；2：进行中；3：研发完成，待结项；4：已完成",
						"cus_id": "客户id",
						"cus_name": "客户名称",
						"expect_time": "预计结项日期",
						"staff_id": "申请人ID",
						"staff_name": "申请人姓名",
						"deptid": "申请人部门",
						"remark": "备注",
						"potential": "业绩潜力",
						"dev_manage_id": "研发负责人",
						"dev_deptid": "负责部门",
						"overdue_status": "超期状态。1：正常；2：超期（小于7天）；3：严重超期（大于等于7天）",
						"dev_end_time": "研发完成时间",
						"expect_dev_end_time": "期望研发完成日期",
						"check_id": "验收人id",
						"check_name": "验收人",
						"check_time": "验收时间",
						"is_cancel": "是否取消",
						"is_del": "是否删除",
						"create_time": "立项时间",
						"sales_team_leader_id": "销售组长id",
						"sales_team_leader": "销售组长",
						"sales_manger_id": "销售经理id",
						"sales_manger": "销售经理"
					}
				},
				{
					"title": "广告屏平台建立",
					"log_type": "160",
					"log_content": "马旭 于 2021-04-12 10:25 修改了项目申请人",
					"info": [
						{
							"staff_name": "苏云龙"
						},
						{
							"staff_name": 0
						}
					],
					"create_time": "2021-04-12 10:25:39",
					"reason": "123",
					"fields": {
						"id": "",
						"apply_id": "立项申请ID",
						"project_code": "申请编号",
						"project_cate": "项目分类。1:内部;2:外部",
						"project_type": "项目类型。1:云平台;2:软件;3:硬件;4:PC软件",
						"project_name": "项目名称",
						"project_desc": "项目描述",
						"app_direction": "应用方向",
						"project_status": "项目状态。1:待分配；2：进行中；3：研发完成，待结项；4：已完成",
						"cus_id": "客户id",
						"cus_name": "客户名称",
						"expect_time": "预计结项日期",
						"staff_id": "申请人ID",
						"staff_name": "申请人姓名",
						"deptid": "申请人部门",
						"remark": "备注",
						"potential": "业绩潜力",
						"dev_manage_id": "研发负责人",
						"dev_deptid": "负责部门",
						"overdue_status": "超期状态。1：正常；2：超期（小于7天）；3：严重超期（大于等于7天）",
						"dev_end_time": "研发完成时间",
						"expect_dev_end_time": "期望研发完成日期",
						"check_id": "验收人id",
						"check_name": "验收人",
						"check_time": "验收时间",
						"is_cancel": "是否取消",
						"is_del": "是否删除",
						"create_time": "立项时间",
						"sales_team_leader_id": "销售组长id",
						"sales_team_leader": "销售组长",
						"sales_manger_id": "销售经理id",
						"sales_manger": "销售经理"
					}
				},
				{
					"title": "广告屏平台建立",
					"log_type": "160",
					"log_content": "马旭 于 2021-04-12 10:28 修改了项目申请人",
					"info": [
						{
							"staff_name": "0"
						},
						{
							"staff_name": "杜伟涛"
						}
					],
					"create_time": "2021-04-12 10:28:03",
					"reason": "123",
					"fields": {
						"id": "",
						"apply_id": "立项申请ID",
						"project_code": "申请编号",
						"project_cate": "项目分类。1:内部;2:外部",
						"project_type": "项目类型。1:云平台;2:软件;3:硬件;4:PC软件",
						"project_name": "项目名称",
						"project_desc": "项目描述",
						"app_direction": "应用方向",
						"project_status": "项目状态。1:待分配；2：进行中；3：研发完成，待结项；4：已完成",
						"cus_id": "客户id",
						"cus_name": "客户名称",
						"expect_time": "预计结项日期",
						"staff_id": "申请人ID",
						"staff_name": "申请人姓名",
						"deptid": "申请人部门",
						"remark": "备注",
						"potential": "业绩潜力",
						"dev_manage_id": "研发负责人",
						"dev_deptid": "负责部门",
						"overdue_status": "超期状态。1：正常；2：超期（小于7天）；3：严重超期（大于等于7天）",
						"dev_end_time": "研发完成时间",
						"expect_dev_end_time": "期望研发完成日期",
						"check_id": "验收人id",
						"check_name": "验收人",
						"check_time": "验收时间",
						"is_cancel": "是否取消",
						"is_del": "是否删除",
						"create_time": "立项时间",
						"sales_team_leader_id": "销售组长id",
						"sales_team_leader": "销售组长",
						"sales_manger_id": "销售经理id",
						"sales_manger": "销售经理"
					}
				}
			],
			task_resolve_data: [{
				id: 0,
				label: 'ERP项目管理',
				children: [{
				id: 1,
				label: '硬件开发',
				children: [{
					id: 11,
					label: '硬件开发 1-1',
					children: [{
						id: 111,
						label: '硬件开发 1-1-1'
					}, {
						id: 112,
						label: '硬件开发 1-1-2'
					}]
					}]
				}, {
					id: 2,
					label: '软件开发',
					children: [{
						id: 21,
						label: '软件开发 2-1'
					}, {
						id: 22,
						label: '软件开发 2-2'
					}]
				}, {
					id: 3,
					label: '云平台开发',
					children: [{
						id: 31,
						label: '项目管理原型设计'
					}, {
						id: 32,
						label: '项目管理后端研发'
					}, {
						id: 33,
						label: '项目管理前端研发'
					}, {
						id: 34,
						label: '项目管理测试'
					}]
				}]
			}],
			subTask_resolve: [
				{
					title: '项目管理后台 - 原型',
					principal: '赵大',
					status: 1,
					start_t: '2021-05-15',
					end_t: '2021-06-60',
				},
				{
					title: '项目管理后台 - 后台',
					principal: '李二',
					status: 2,
					start_t: '2021-05-15',
					end_t: '2021-06-60',
				},
				{
					title: '项目管理后台 - 前台',
					principal: '张三',
					status: 1,
					start_t: '2021-05-15',
					end_t: '2021-06-60',
				},
				{
					title: '项目管理后台 - app',
					principal: '陈四',
					status: 3,
					start_t: '2021-05-15',
					end_t: '2021-06-60',
				},
				{
					title: '项目管理后台 - 测试',
					principal: '王五',
					status: 1,
					start_t: '2021-05-15',
					end_t: '2021-06-60',
				},
			],
			defaultProps: {
				children: 'children',
				label: 'label'
			},
			steps: ['立项申请', '可以申领', '需求评估', '任务分解', '立项/驳回', '研发中', '硬件维护', '样机提交', '整机测试', '申请结项'],
			tableData: [],
			list: [{num: 12212}]
		};
	},
	filters: {
		formatDate(value) {
			var date = new Date(value);
			var yy = date.getFullYear();
			if (yy < 1900) yy = yy + 1900;
			var MM = date.getMonth() + 1;
			if (MM < 10) MM = '0' + MM;
			var dd = date.getDate();
			if (dd < 10) dd = '0' + dd;
			var hh = date.getHours();
			if (hh < 10) hh = '0' + hh;
			var mm = date.getMinutes();
			if (mm < 10) mm = '0' + mm;
			var ss = date.getSeconds();
			if (ss < 10) ss = '0' + ss;
			return yy + "年" + MM + "月" + dd + "日";
		},
	},
	components: {addProject},
	created() {
		this.$emit('pass', '/manage');
		this.ShowDetails({type: 1})
	},
	mounted() {},
	methods: {
		GetList(page) {
			this.loading = true;
			this.page = page;
			let data = {
				page,
				perPage: this.per_page,
				title: this.title
			};
			this.$http.APIASK('/course/getList', 'get', data)
			.then(data => {
				this.loading = false;
				if (data&&data.code == 0) {
					this.list = data.data.data;
					this.total = data.data.total;
					this.per_page = Number(data.data.per_page);
				}
			});
		},
		timeFormatter(row, col, input) {
			var date = new Date(input);
			var yy = date.getFullYear();
			if (yy < 1900) yy = yy + 1900;
			var MM = date.getMonth() + 1;
			if (MM < 10) MM = "0" + MM;
			var dd = date.getDate();
			if (dd < 10) dd = "0" + dd;
			var hh = date.getHours();
			if (hh < 10) hh = "0" + hh;
			var mm = date.getMinutes();
			if (mm < 10) mm = "0" + mm;
			var ss = date.getSeconds();
			if (ss < 10) ss = "0" + ss;
			return yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss;
		},
		papersUploadSuccess2 (res) {
			if (res.status == 200) {
				this.resumeInfo.attaches.push(res.data)
			} else {
				this.$layer.msg(res.msg);
			}
			console.log(this.resumeInfo.attaches)
		},
		uploadError (res) {
			this.$layer.msg(res.msg)
		},
		validateDocument (file) {
			var arr = ['pdf', 'docx', "rar", "doc", "xls", "xlsx",'zip',"jpg","png","jpeg","7z"]
			var current = file.name.split('.');
			var suffix = current[current.length - 1];
			if (arr.indexOf(suffix) === -1) {
				this.$layer.msg('文件类型只能是' + arr.join(','))
				return false
			}
			return true
		},
		applyProjectChange() {
			
		},
		projectChange() {
			this.resumeInfo.visible = true
		},
		weeklyNewspape() {
			this.reportObj.visible = true
		},
		showPostpone() {
			this.postponeObj.visible = true
		},
		postpone() {},
		acceptance() {},
		projectPause() {},
		dismiss() {},
		edit() {},
		report() {},
		toTask() {
			this.$router.push({
				path: '/task'
			});
		},
		examine2(id) {
			this.$layer.confirm('确定通过?', {
				icon: 2
			}, ()=> {
				
			});
		},
		reject(id) {
			this.$prompt('驳回原因', '项目驳回', {
          confirmButtonText: '驳回',
          cancelButtonText: '取消',
        }).then(({ value }) => {
					// TODO
        }).catch(() => {
        });
		},
		goBack() {
			this.$router.push({
				path: '/manage',
			});
		},
		delStaff(flag) {
				this.$layer.confirm('确定下载?', {
					icon: 1
				}, function () {
					this.$layerlayer.closeAll();
					window.open(flag);
				})
		},
		handleClick(tab, event) {
			// console.log(tab, event);
		},
		Getconfirm() {
			this.Getcancel();
			this.GetList(1);
		},
		Getcancel() {
			this.IsShowDetails = false;
		},
		ShowDetails(data = {}) {
			this.$nextTick(() => {
				this.$refs.addProject.SubEvents(1, data);
			});
		},
		ShowAdd() {
			this.IsShowDetails = true;
			this.$nextTick(() => {
				this.$refs.addProject.SubEvents(0);
			});
		}
	}
};
</script>
<style lang="scss" scoped>
	.lumpBox {
		.Lbox-title {
			border-bottom: none;
			h2 {
				text-align: center;
				width: 100%;
				font-size: 24px;
			}
		}
		.Lbox-content {
			position: relative;
			.table {
				width: 100%;
				max-width: 100%;
				margin-bottom: 20px;
				thead tr th {
					text-align: left;
				}
			}
			.table-striped>tbody>tr:nth-of-type(odd) {
				background-color: #f9f9f9;
			}
			.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
				background-color: #F5F5F6;
			}
			.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
				border-top: 1px solid #e7eaec;
				line-height: 1.42857;
				padding: 8px;
				vertical-align: middle;
			}
			.operation {
				position: absolute;
				right: 0px;
				top: 0px;
			}
			.task {
				display: flex;
				justify-content: center;
				.task_resolve {
					padding-left: 50px;
					width: 30%;
					background-color: #F3F3F3;
					.el-tree {
						background-color: #F3F3F3;
					}
				}
				.task_detail {
					padding-left: 50px;
					width: 70%;
					>.title {
						font-size: 24px;
						font-weight: 600;
					}
					.detail {
						margin: 20px 0;
						padding: 10px;
						background-color: #f1f1f1;
						display: flex;
						justify-content: space-between;
						span {
							margin-left: 35px;
						}
					}
					.content {
						.title {
							font-size: 20px;
							font-weight: 550;
							margin-bottom: 5px;
						}
					}
					.subTask {
						span {
							padding: 5px 10px;
							color: #333;
						}
						.status_1 {
							background-color: #996699;
						}
						.status_2 {
							background-color: #9F0;
						}
						.status_3 {
							background-color: #090;
						}
					}
				}
			}
		}
	}
	.margin {
		.el-form-item:nth-of-type(1) {
			margin-top: 24px!important;
		}
	}
	.el-table--enable-row-hover .el-table__body tr:hover>td {
		background-color: none;
	}
	.jindu_step {
		width: 92%;
	}
	.jindu_btn {
		position: absolute;
		top: 40px;
		right: 20px;
	}
	.jindu {
		display: flex;
		background-color: #fff;
		z-index: 10;
		position: relative;
		.gunter {
			overflow-x: auto;
			width: 70%;
			>.btn {
				position: absolute;
				right: 30%;
				top: 20px;
				z-index: 20;
			}
			table {
				border-spacing: 0;
				width: 160%;
				table-layout: fixed;
				border-collapse: separate;
				tr td:first-child {
					width: 5%;
				}
				td {
					position: relative;
					border-right: none;
					
					&.active {
						&.success {
							background-color: aqua !important;
						}
						&.error {
							background-color: red !important;
						}
						&.exceed {
							background-color: orange !important;
						}
						cursor: pointer;
						border-left: none;
						&:first-child {
							border-left: 1px solid #c1c6ca;
						}
					}
					.message {
						position: absolute;
						width: 65px;
						z-index: 10;
						top: 0;
					}
				}
			}
		}
		.comment {
			width: 24%;
			height: 520px;
			margin: 20px auto 0;
			background-color: #f1f1f1;
			padding: 20px;
			position: relative;
			.com {
				height: 90%;
				overflow-y: auto;
			}
			.content {
				margin-top: 20px;
				.cont {
					position: relative;
					span {
						margin-left: 50px;
					}
					.remark {
						position: absolute;
						right: 5px;
						bottom: 5px;
					}
				}
				.discuss {
					width: 80%;
					margin: 0 auto;
					text-align: right;
					border-bottom: 1px solid #999;
					span {
						margin-right: 50px;
					}
				}
			}
			.write {
				position: absolute;
				bottom: 10px;
				width: 100%;
				.el-input {
					width: 70%;
				}
				.remark {
					margin-left: 15px;
				}
			}
		}
	}
	.popup {
		.popup-box {
			width: 90%;
			.popup-main {
				max-height: 480px;
			}
		}
	}

</style>
